@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2+px;
}

.img {
    //  width: p(279);
    width: 39.5%;
    //  height: p(351);
    //padding-top 的百分比就等于高度的百分比，所以可以用
    //padding-top值来代替高度
    //padding-top的百分比计算方式：
    //图片的高度除以其父级元素的宽度。
    padding-top: 49.71%;
    overflow: hidden;
    position: relative;
    float: left;
    img {
        position: absolute;
        top: 0;
        width: 100%;
    }
}

.pro_right {
    width: 59.49%;
    padding-top: 49.71%;
    overflow: hidden;
    margin-left: 1.01%;
    float: left;
    position: relative;
    .pro_right_top{
        width: 100%;
        padding-top: 34.7%;
        overflow: hidden;
        position: absolute;
        top: 0;
        img{
            position: absolute;
            top: 0;
            width: 100%;
        }
    }
    .pro_right_btm{
        width:99% ;
        padding-top: 46.9%;
        overflow: hidden;
         position: absolute;
          bottom: 0;
        .pro_btm_left{
            width: 46.42%;
            padding-top:46.9% ;
            overflow: hidden;
            position: absolute;
            top: 0;
            img{
                position: absolute;
                top: 0;
                width: 100%;
            }
        }
        .pro_btm_right{
            width: 50.23%;
            padding-top:46.9%  ;
            overflow: hidden;
            right: 0;
             position: absolute;
            top: 0;
            img{
                position: absolute;
                top: 0;
                width: 100%;
            }
        }
    }
}

